<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="/WEB-INF/jstl/c.tld" prefix="c"%>
<%@ taglib uri="/WEB-INF/jstl/fn.tld" prefix="fn"%>
<%@ taglib uri="/WEB-INF/jstl/fmt.tld" prefix="fmt"%>
<%@ taglib uri="/WEB-INF/jstl/spring-form.tld" prefix="form"%>
<%@ taglib uri="/WEB-INF/jstl/spring.tld" prefix="spring"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<base href="<%=basePath%>">

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>商品详情页面</title>
<!--标题图标-->
<link rel="shortcut icon" type="image/x-icon"
	href="<%=basePath%>assets/x-img/logo-title.ico" media="screen" />
<link rel="stylesheet" type="text/css"
	href="<%=basePath%>assets/bootstrap/css/resetPro.css">
<link
	href="<%=basePath%>assets/bootstrap/css/bootstrap-combined.min.css"
	rel="stylesheet">
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/js/jquery-2.0.0.min.js"></script>
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/js/jquery-ui.js"></script>
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/js/jquery.ui.touch-punch.min.js"></script>
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/js/jquery.htmlClean.js"></script>
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/ckeditor/ckeditor.js"></script>
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/ckeditor/config.js"></script>
<link rel="stylesheet" type="text/css"
	href="<%=basePath%>assets/bootstrap/Font-Awesome-3.2.1/css/font-awesome.min.css">
<!--这个js有时候会冲突-->
<!--<script type="text/javascript" src="<%=basePath%>bootstrap/js/scripts.js"></script>-->
<link rel="stylesheet"
	href="<%=basePath%>assets/onedate/css/BeatPicker.min.css" />
<script src="<%=basePath%>assets/onedate/js/BeatPicker.min.js"></script>
<script src="<%=basePath%>assets/onedate/documents/js/prism.js"></script>

<style type="text/css">
a:hover {
	text-decoration: none !important;
}

.onedivPro {
	width: 320px;
	margin: 0px auto;
	margin-top: 22px;
}

.pzSpanClass {
	margin: 0 15px;
}

.pzClass {
	width: 55px;
	height: 25px;
}

.cheSpan {
	display: inline-block !important;
	min-width: 25px;
}

.keyinput {
	margin-bottom: 0px !important;
	height: 30px !important;
}

.datatable th,.datatable td {
	text-align: center !important;
	vertical-align: middle !important;
}

.foottable {
	border-top-width: 0px !important;
	margin-top: -21px !important;
}

.oneinput {
	margin-bottom: 0px !important;
	height: 30px !important;
}

.onediv {
	/* width: 290px; */
	margin: 0px auto;
	margin-top: 22px;
}

.toStrong {
	font-weight: 700;
}

.alldiv {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.borderStrong {
	border: 5px solid #dee5e5;
}

.z5 {
	margin: 0 10px;
}

.z6 {
	margin-right: 10px;
}

.zerodiv {
	margin-top: 25px;
}

.fromdiv {
	width: 290px;
	margin: 0px auto;
	margin-top: 30px;
}

.xspan {
	width: 23% !important;
	text-align: center; /*文字水平居中对齐*/
	line-height: 30px;
	font-size: 0.9em;
	margin-left: 0px !important;
	display: inline-block !important;
}
</style>
</head>
<body style="min-height: 660px; cursor: auto;" class="edit">
	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span12">
				<!--引入Top导航-->
				<%@include file="member/shared/pageTop.jsp"%>
			</div>
		</div>
		<div class="row-fluid zerodiv">
			<div class="span12">


				<div class="row-fluid">
					<div class="span12">
						<!-- 显示提示信息 -->
						<%@include file="admin/shared/info.jsp"%>
						<div class="row-fluid ">

							<div class="span7">
								<div class="onediv">
									<div class="hero-unit">
										<h3 class="form-signin-heading text-center">
											<span class="icon-bookmark z5 "></span>商品完整信息
										</h3>
										<div class="control-group">
											<span class="z5">商品名称</span>: <span class="z5 toStrong">${oneGoods.name}</span>
										</div>
										<div class="control-group">
											<span class="z5">商品单价</span>: <span class="z5 toStrong">${oneGoods.price}&nbsp;(￥)</span>
										</div>
										<div class="control-group">
											<span class="z5">商品库存</span>: <span class="z5  toStrong">${oneGoods.num}&nbsp;(件)</span>
										</div>
										<div class="control-group">
											<span class="z5">商品类型</span>: <span class="z5 toStrong">${oneGoods.type}</span>
										</div>
										<div class="control-group">
											<span class="z5">商品品牌</span>: <span class="z5 toStrong">${oneGoods.brand}</span>
										</div>
										<div class="control-group">
											<span class="z5">商品产地</span>: <span class="z5 toStrong">${oneGoods.origin}</span>
										</div>
										<div class="control-group">
											<span class="z5">商品销量</span>: <span class="z5  toStrong">
											${ empty oneGoods.sale ? '0' : oneGoods.sale}
											&nbsp;(件)
											</span>
										</div>
										<div class="control-group">
											<span class="z5">商品评分</span>: <span class="z5  toStrong">${empty oneGoods.grade ? '尚未评价' :oneGoods.grade }</span>
										</div>
										<div class="control-group">
											<span class="z5">上架日期</span>: <span class="z5  toStrong"><fmt:formatDate
													pattern="yyyy-MM-dd" value="${oneGoods.shelveDate}" /></span>
										</div>
										<div class="control-group">
											<span class="z5 ">商品广告</span>:<span class="z5 toStrong">${oneGoods.msg}</span>
										</div>
										<div class="control-group">
											<span class="z5">商品简介</span>:
											<p class="z5  toStrong">&nbsp;&nbsp;&nbsp;&nbsp;
												${oneGoods.desc}</p>
										</div>
									</div>
								</div>
							</div>


							<div class="span5">
								<div class="hero-unit onediv">
									<c:choose>
										<c:when test="${empty oneGoods.img}">
											<img src="<%=basePath%>assets/goodsimg/404.ico"
												alt="${oneGoods.img}" width="50px" alt="封面不存在" />
										</c:when>
										<c:otherwise>
											<img src="<%=basePath%>assets/goodsimg/${oneGoods.img}"
												alt="${oneGoods.img}" />
										</c:otherwise>
									</c:choose>
									<div class="fromdiv">

										<a id="modal-330177" href="#modal-container-33017788"
											role="button" class="btn btn-success" data-toggle="modal">
											<span class="icon-money  z5"></span>直接购买
										</a> <a id="modal-330177" href="#modal-container-33017799"
											role="button" class="btn btn-info" data-toggle="modal"> <span
											class="icon-shopping-cart  z5"></span>加入购物车
										</a>
									</div>
								</div>
							</div>

							<div id="modal-container-33017788"
								class="modal hide fade topZero" role="dialog"
								aria-labelledby="myModalLabel" aria-hidden="true">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-hidden="true">×</button>
									<h3 id="myModalLabel" class="text-info ">
										<span class="icon-money  z5"></span>直接购买
									</h3>
								</div>
								<!--引入form-->
								<%@include file="member/shared/buyOne.jsp"%>
							</div>
							<div id="modal-container-33017799"
								class="modal hide fade topZero" role="dialog"
								aria-labelledby="myModalLabel" aria-hidden="true">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-hidden="true">×</button>
									<h3 id="myModalLabel" class="text-info ">
										<span class="icon-shopping-cart  z5"></span>加入购物车
									</h3>
								</div>
								<!--引入form-->
								<%@include file="member/shared/addCartOne.jsp"%>
							</div>





						</div>
					</div>
				</div>
			</div>
		</div>
</body>
</html>
